<template>
  <el-drawer title="我是标题"
             :visible.sync="drawerVisible"
             :with-header="false"
             :v-model="detailForm">
    <span>设备名称：{{this.detailForm.name}}</span>
    <span>设备编号：{{this.detailForm.equipmentNo}}</span>
    <span>型号：{{this.detailForm.specification}}</span>
    <span>厂家：{{this.detailForm.manufacturer}}</span>
    <span>购买价格：{{this.detailForm.price}}</span>
    <span>所有权：{{this.detailForm.belongState}}</span>
    <div style="height: 300px;">
      <el-steps direction="vertical">
        <el-step title="设备名称："></el-step>
        <el-step title="设备编号："></el-step>
        <el-step title="型号："
                 description="这是一段很长很长很长的描述性文字"></el-step>
      </el-steps>
    </div>
  </el-drawer>
</template>
<script>
export default {
  name: 'MyDrawer',
  data () {
    return {
      drawerVisible: false,
      detailForm: [],
    }

  },
  methods: {

  }
}
</script>
<style scoped>
</style>